@charset "utf-8";
/* 头部 开始 */
#header{/* height: 928px; */position: relative;/* background: url(../images/bg20d.png) no-repeat  top center; background-size: cover;*/}
.headtop{height: 137px;background: #BA3230;}
.headtop .tn{height: 25px;line-height: 25px;font-size: 14px;color: #FFF;}
.headtop .tn .time{float: left;}
.headtop .tn .name{float: right;}
.logosearch{height: 118px;}
.logosearch .logo{height: 100%;display: inline-block;}
.logosearch .logo img{vertical-align: middle;margin-top: 20px;}
.logosearch .indexsearch{float: right;position: relative;;width: 325px;height: 56px;border-radius: 36px;overflow: hidden;margin-top: 26px;}
.logosearch .indexsearch input{outline: none;width: 325px;height: 56px;padding:0 50px 0 25px;font-size: 18px;border: none;background-color: rgba(255, 255, 255, 0.33);color: #FFF;}
.logosearch .indexsearch button{position: absolute;right: 0;top: 0;height: 100%;width: 48px;background: url(../images/sicon.png) no-repeat 3px center;cursor: pointer;border: none;}
.logosearch .indexsearch input::-webkit-input-placeholder{color:#FFF;}
.logosearch .indexsearch input::-moz-placeholder{color:#FFF;}
.logosearch .indexsearch input:-moz-placeholder{color:#FFF;}
.logosearch .indexsearch input:-ms-input-placeholder{color:#FFF;}

.headnav{background: #D33B39;}
/* .nav{height: 66px !important;} */
/* .nav li{float: left;height: 66px;width: 11.11%;text-align: center;}
.nav li:hover{background: url(../images/navbg.png) no-repeat center center;background-size: 85% 100%;}
.nav li a{display: block;line-height: 66px;font-size: 20px;color: #FFF;} */
.header .cont {text-indent: 0;}
.year40 {
    text-align: center;
}
.year40 div:first-child{
	margin-top:30px;
margin-bottom:15px;
}
/* 头部 结束 */

/* 热点推荐 开始 */
.news{position: relative;bottom: 0px;height: 520px;padding-top: 40px;background: url(../images/rdxwbg.png) no-repeat;background-size: cover;/* width: 1240px; */padding: 30px 20px;width: 1250px;}
.hotnews{width: 916px;height: 74px;padding-left: 98px;background: url(../images/rdtj.png) no-repeat left center;margin: 24px auto 25px auto;text-align:center;}
.hotnews .hotSwiper{height: 74px;overflow: hidden;}
.hotnews ul{width:100%; display: inline-block; }
.hotnews li{width: 100%; height: auto; float: left;}
.hotnews li a{display: block; width: auto; white-space: nowrap; height:74px;line-height: 74px;;font-size: 30px;font-weight: bold;color: #333333; padding-right: 30px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis}
.hotnews .hotSwiper {
    -webkit-transition-timing-function: linear; 
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
/* 热点推荐 结束 */

/* 新闻 开始 */
/* .newsbox{height: 344px;} */
.newsSwiper{float: left;position: relative;width: 560px;margin-left: 30px;}
.newsSwiper .swiper-container{width: 560px;height: 344px;overflow: hidden;}
.newsSwiper .swiper-container .swiper-slide{position: relative;}
.newsSwiper .swiper-container .swiper-slide p{position: absolute;bottom: 0;width: 100%;font-size: 14px;line-height: 38px;background: rgba(0, 0, 0, 0.63);}
.newsSwiper .swiper-container .swiper-slide p a{display: block;width: 70%;text-indent: 13px;color: #FFF;}
.newsSwiper .swiper-container .swiper-slide img{width:100%;height:100%;}
.newsList{float: left;width: 555px;margin-left: 30px;}
.newsList .newstag{font-size: 0;margin-bottom: 8px;}
.newsList .newstag a{display: inline-block;min-width: 105px;;height: 57px;line-height: 57px;font-size: 20px;color: #666;text-indent: 20px;margin-right: 10px;}
.newsList .newstag a.on,.newsList .newstag a:hover{background: url(../images/stamp.png) no-repeat left center;font-weight: bold;color: #0D9968;}
.taglist ul{display: none;}
.taglist ul.on{display: block;}

.taglist li{height: 40px;line-height: 40px;font-size: 16px;}
.taglist li::before{display: inline-block;content: '';width: 4px;height: 4px;background: #0D9968;border-radius: 50%;    vertical-align: middle;position: relative;top: -15px;}
.taglist li a{display: inline-block;color: #333;text-indent: 15px;width: 80%;}
.taglist li:hover a{color: #0D9968;font-weight: bold;}
.taglist li .time{float: right;color: #666;font-size: 14px;}
/* 新闻 结束 */

/* 邮票轮播 开始 */
.stamps{height: 210px;background: #F4F8FB;padding-top: 24px;}
.stampspic{height: 162px;overflow: hidden;}
.stampspic .swiper-slide a{display: block;margin:0 20px;}
.stampspic .swiper-slide a img{width: 100%;height:160px;}
/* 邮票轮播 结束 */

/* 新邮赏析 开始 */
.xysx{height: 481px;background: #F4F8FB url(../images/xysxbg.png) no-repeat;}
.xysxbox {position: relative;height: 100%;}
.xysxbox  .newsList{float: right;margin-top: 70px;}
.xysxbox  .newsList .newstag span{font-size: 20px;color: #666666;}
.xysxbox  .taglist li{height: 50px;line-height: 50px;}
.xysxbox  .therea{position: absolute;width: 770px;height: 100%;left: -160px;background: url(../images/xysxbg1.png) no-repeat left bottom;background-size: 100%;}
.xysxbox  .therea a{position: absolute;text-align: center;font-size: 20px;color: #FFF;font-weight: bold;}
.xysxbox  .therea a p{margin-top: 10px;}
.xysxbox  .therea a.jyzl{left: 294px;top: 220px;}
.xysxbox  .therea a.zjyb{left: 125px;top: 344px;}
.xysxbox  .therea a.jyz{left: 449px;top: 344px;}
.xysx .taglist li::before,.jytdbox .taglist li::before{top:-21px}
/* 新邮赏析 结束 */

.gjjl{width: 571px;float: left;}
.mtitle{height: 53px;line-height: 53px;text-align: center;font-weight: bold;color: #0D9968;font-size: 24px;background: url(../images/tbg.png) no-repeat center bottom;margin: 40px 0 30px 0;}
.mtitle a{color: #0D9968;}
.gjjl li{height: 104px;line-height: 104px;;width: 570px;margin-bottom: 24px;text-indent: 175px;font-weight: bold;font-size: 24px;}
.gjjl li.gjlhy{background: url(../images/gjjlbg3.png) no-repeat;}
.gjjl li.gjlhy a{color: #4E869A;}
.gjjl li.yzlhy{background: url(../images/gjjlbg2.png) no-repeat;}
.gjjl li.yzlhy a{color: #C4A249;}
.gjjl li.gjyx{background: url(../images/gjjlbg1.png) no-repeat;}
.gjjl li.gjyx a{color: #77B365;}

.video{width: 571px;float: right;}
.video .mtitle a{color:#0D9968}
.video .videolist{height: 360px;background: url(../images/vbg.jpg) repeat-x;padding-top: 36px;}
.video .videolist .videoSwiper{width: 496px;height: 320px;}
.video .videolist .videoSwiper .swiper-slide img{height: 220px;width:100%;}
.video .videolist .videoSwiper .swiper-slide .pic{display: block;}
.video .videolist .videoSwiper .swiper-slide .title{display: block;margin-top:55px;color: #333;font-size: 20px;text-align: center;}
.video .vd{width: 496px;margin: 0 auto;position: relative;}
.video .vd .pagination{width: 100%;text-align: center;bottom: 66px;}
.arrows_left,.arrows_right{position: absolute;width: 17px;height: 30px;background: url(../images/arrows.png) no-repeat left center;top: 96px;left: 14px;z-index: 50;background-position: 0 0;}
.arrows_right{background-position: 0 -30px;right:14px;left: auto;}

.xsbk{width: 571px;}
.xsbk .newsList{margin-left: 0;width:100%}
.xsbk .taglist ul{font-size: 0;}
.xsbk .taglist li{width: 270px;height: auto;line-height: normal;display:inline-block;}
.xsbk .taglist li:first-child{margin-right: 30px;}
.xsbk .taglist li::before{display: none;}
.xsbk .taglist li a{display: block;width: auto;text-indent: 0;}
.xsbk .taglist li a img{
width: 270px;
    height: 304px
}
.xsbk .taglist li p{height: 48px;line-height: 48px;text-align: center;background: #FFFFFF;box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.09);}
.xsbk .taglist li a:hover p{background: #15B973;color: #FFF;}
.xsyj{float: left;}
.jybk{float: right;}
.xsyj .mtitle,.jybk .mtitle{margin-top: 20px;}


/* 邮票故事邮人邮事青少年集邮 开始 */
.jytdbox{height: 472px;margin-top: 50px;background: #F4F8FB url(../images/jytdbg.png) no-repeat left top;}
.jytd{height: 100%;padding-top: 65px;}
.qsnjy{float: right;}
.jytd .taglist li{height: 50px;line-height: 50px;}
/* 邮票故事邮人邮事青少年集邮 结束 */

/* 专题专栏 开始 */
.zt{height: 280px;}
.ztlist{position: relative;overflow: hidden;}
.ztlist .ztSwiper{height: 234px;width: 1260px;}
.ztlist .ztSwiper .swiper-slide a{display: block;width: 362px;;color: #333;font-size: 18px;}
.ztlist .ztSwiper .swiper-slide a p{height: 66px;line-height: 66px;text-align: center;box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05);border: 1px solid rgba(0,0,0,0.03);}
.ztlist .ztSwiper .swiper-slide a:hover p{color: #0D9968;}
.ztlist .ztSwiper .swiper-slide a img{
width:100%;height:168px;}
.ztlist .arrows_left,.ztlist .arrows_right{top:71px;width: 26px;height: 46px;background: url(../images/ztbutn.png) no-repeat;}
.ztlist .arrows_left{background-position: 0 0;}
.ztlist .arrows_right{background-position: right top;}
.ztlist .arrows_left:hover{background-position: left bottom;}
.ztlist .arrows_right:hover{background-position: right bottom;}
/* 专题专栏 结束 */

/* 大事记机关党建vip 开始 */
.djv{background: #F2F6F9 url(../images/djvbg.png)  100% 100%;}
.djgh{height: 428px;padding-top: 20px;}
.dsjg{width: 412px;}
.dsjg .act{width: 412px;height: 238px;background: #FFF;border-radius: 18px 0px 18px 0px;overflow: hidden;}
.dsjg .act .time{float: left;width: 85px;color: #FFF;text-align: center;}
.dsjg .act .time .ym{height: 27px;line-height: 27px;font-size: 12px;background: #0D9968;}
.dsjg .act .time .date{height: 41px;line-height: 41px;font-size: 26px;background: #E99C3C;border-radius: 0px 0px 18px 0px;}
.dsjg .act .title{display: block;float: left;width: calc(100% - 140px);font-size: 18px;color: #333;line-height: 32px;padding:0 35px 0 20px;}
.dsjg .act .title:hover{color: #0D9968;}
.dsjg .act .actcontent{width: 386px;margin: 20px auto 0 auto;border-top: 1px solid #E3E3E3;}
.dsjg .act .actcontent .desc{font-size: 14px;line-height: 30px;color: #666;padding-top: 12px;}
.dsjg .act .actcontent .more{font-size: 12px;color: #E99C3C;line-height: 16px;}
.dsj,.jgdj{float: left;}
.jgdj{margin:0 0px 0 37px;}
.vip{width: 282px;height: 337px;background: linear-gradient(180deg, #15BA73 0%, #0BAB6B 100%);float: right;margin-top: 20px;}
.vip .mtitle{background: url(../images/tbg1.png) no-repeat center bottom;color: #FFF;    margin: 20px 0 15px 0;}
.vip .vipphone{width: 204px; height: 65px;margin:  0 auto;font-weight: bold;font-size: 18px;background: url(../images/vbg3.png) no-repeat;line-height:65px;margin-bottom:14px;}
.vip .vipphone a{display: block;height: 100%;text-align: center;color: #FFF;}
.vip .vipphone a span{display: inline-block;}
.vip .vipjnz{margin-bottom:14px ;}
.desctime{float:right;}
/* 大事记机关党建vip 结束 */

/* 底部 开始 */
#footer{color: #FFF;font-size: 16px;}
.foottop{ background: #51AD88;}
.foottbm{height: 159px;background: #009F5F;}
.foottop .footlinks{height: 51px;text-align: center;}
.foottop .footlinks span,.foottop .footlinks a{display: inline-block;line-height: 51px;color: #FFF;}
.foottop .footlinks a{margin: 0 20px;}
.foottbm{padding-top: 36px;}
.foottbm .footmess p{line-height: 31px;text-align: center;}
/* 底部 结束 */

/* .header{display:none} */
.wapheader,.mstamps,.mgjjl,.mmore,.newsList .newstag a.mqsnjy,.newsList .taglist ul.mqsnjy{display: none;}
.xsgd li{width:100% !important;height: 40px !important;line-height: 40px !important;display:block !important;}
.xsgd li a{display:inline-block !important;width:80% !important;text-indent: 15px !important;}
.xsgd li::before {
    display: inline-block !important;
    content: '' !important;
    width: 4px !important;
    height: 4px !important;
    background: #0D9968 !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -15px !important;
}
@media screen and (max-width:768px){
.hotnews a{
    font-size: 20px !important;
    line-height: 32px !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;

}
    .mboxtbm {width:100%}
    .mtitle{margin: 20px 0;}
    .news{position: initial;width: 100%;bottom: 0px;height: auto;padding-top: 0;background: none}
    .news .hotnews {width: 85%;background:none;padding-left:0;margin: 24px auto;}
    .news .hotnews .swiper-slide a{overflow: initial;white-space: initial;text-overflow: initial;word-break: initial;font-size: 24px;line-height: 37px;text-align: center;font-weight: normal;}

	.year40{display:none;}
	
    .stampspic .swiper-slide img{width: 100%;}
    .newsSwiper{float: none;width: 100%;margin-left: 0px;}
    .newsSwiper .swiper-container{width: 100%;height: 334px}
    .newsSwiper .swiper-container .swiper-slide img{width: 100%;}

    .pcstamps{display: none;}
    .mstamps{display: block;width: 100%;padding: 21px 35px 0 35px;margin-top:0px;}
    .newsList{float: none;width: 100%;padding: 0 20px;margin-left: 0;}
    .newsList .newstag{margin: 30px 0 15px 0;}
    .mmore{display: block;height: 79px;line-height: 79px;background: #F0F0F1;border-radius: 8px;text-align: center;font-size: 26px;color: #666;margin: 16px 0 26px 0;}

    .xysx{height: auto;background-size:cover;}
    .xysxbox{width: 100%;left: 0;}
    .xysxbox .therea{position:initial;width: 100%;height: 500px;}
    .xysxbox .newsList{float: none;margin-top:40px; padding: 0 20px;padding-bottom:24px;}
    .middlebox{width: 100%;}
    .gjjl{display: none;}
    .mgjjl ul{display: flex;}
    .mgjjl ul li{flex: 1;height: 190px;justify-content: space-evenly;margin-right: 15px;text-align: center;font-size: 24px;font-weight: bold;}
    .mgjjl .gjlhy{background: #E7F8F2;margin-left: 15px;}
    .mgjjl .yzlhy{background: #F7FADF;}
    .mgjjl .gjyx{background: #E0F6D9;}
    .mgjjl ul li img{margin-top: 35px;}
    .mgjjl ul li a{display: inline-block;width: 100%;line-height: 50px;}
    .mgjjl .gjlhy a{color: #4E869A;}
    .mgjjl .yzlhy a{color: #C4A249;}
    .mgjjl .gjyx a{color: #7FAB71;}
    .video{display: none;}
    .xsyj{width: 100%;float:none}
    .jybk{width: 100%;float:none}
    .xsbk .newsList .taglist ul li:nth-child(3n){display:inline-block;}
    .xsbk .taglist li{width: 30%;}
    .xsbk .taglist li a img{width: 100%;height:37vw;}
    .xsbk .taglist li:first-child{margin-right: 0;}
    .xsbk .taglist li:nth-child(2n){margin: 0 10px;}
    .jytd{width: 100%;padding-top:10px}
    .qsnjy{display: none;}
    .newsList .newstag a.mqsnjy{display:inline-block;}
    .newsList .taglist ul.mqsnjy.on{display: block;}
    
    .zt{width: 100%;}
    .ztlist{padding: 0 1%;}
    .ztlist .ztSwiper{width: 100%;}
    /* .ztlist .ztSwiper .swiper-slide a{padding: 0 10px;} */
    .ztlist .ztSwiper .swiper-slide a,.ztlist .ztSwiper .swiper-slide img{width: 100%;}
    .ztlist .ztSwiper .swiper-slide a p{font-size: 16px;}

    .djgh{width: 100%;height:auto;padding: 1px 20px;}
    .dsjg{float: none;width: 100%;}
    .dsjg .act{width: 100%;margin: 0 auto;}
    .jgdj{margin: 0 0 0 0;}
    .vip{width: 100%;float: none;text-align: center;    padding-top: 10px; padding-bottom: 25px; height: auto;}
    .vip .vipphone{ width: 80%;  margin: 15px auto 0; background-size: cover;}
    .jytdbox{background-size: contain;margin-top:30px}
}

@media screen and (max-width: 640px){
    .wapheader .mnav li a{font-size: 20px;}
    .wapheader .saerch>div input{height: 50px;font-size:16px;width: 80%;}
    .wapheader .saerch>div button{height: 50px;width: 20%;font-size:20px}
    .mmore{height: 40px;line-height: 40px;font-size: 18px;}
    .xsbk .taglist li p{font-size: 14px;line-height: 20px;padding-top: 9px;}
    .ztlist .ztSwiper .swiper-slide a p{font-size: 14px;}

    .dsjg .act .title{font-size: 16px;}
}

@media screen and (max-width: 480px){
    .wapheader .mnav{padding-bottom:10px}
    .wapheader .mnav li{margin: 5px 0;}
    
    .wapheader .mnav li a{font-size: 16px;}
    .wapheader .logo{height: 125px;line-height: 125px;}
    .wapheader .logo img{width: 90%;}
    .wapheader .tn{display: none;}
    .wapheader .saerch>div{width: 90%;height:50px}
    
    .news .hotnews{width: 100%;padding: 0 1%;}
    .hotnews .swiper-container,.hotnews{height: 50px;}
    .news .hotnews .swiper-slide a{font-size: 16px;height: 50px;line-height: 25px;}
    .newsSwiper .swiper-container{height: 254px;}
    .newsSwiper .swiper-container .swiper-slide p a{width: 85%;}
    .newsList .newstag a{font-size:18px;min-width:80px;}

    .taglist li .time{display: none;}
    .taglist li a{width: 95%;}
    #footer{    font-size: 14px;}

    .xysxbox .therea{height: 240px;}
    .xysxbox .therea a{font-size: 12px;}
    .xysxbox .therea a img{width: 70%;}
    .xysxbox .therea a p{margin-top: 5px;}
    .xysxbox .therea a.jyzl{left: 170px;top: 64px;}
    .xysxbox .therea a.jyz{left: 261px;top: 155px;}
    .xysxbox .therea a.jyz img{width: 65%;}
    .xysxbox .therea a.zjyb{left: 79px;top: 151px;}
    .xysxbox .therea a.zjyb img{width: 49%;} 
}
@media screen and (max-width: 414px){
    .xysxbox .therea{height: 240px;}
    .xysxbox .therea a{font-size: 12px;}
    .xysxbox .therea a img{width: 50%;}
    .xysxbox .therea a p{margin-top: 5px;}
    .xysxbox .therea a.jyzl{left: 141px;top: 105px;}
    .xysxbox .therea a.jyz{left: 224px;top: 171px;}
    .xysxbox .therea a.jyz img{width: 38%;}
    .xysxbox .therea a.zjyb{left: 59px;top: 168px;}
    .xysxbox .therea a.zjyb img{width: 32%;} 
}
@media screen and (max-width: 375px){
    /* .vip .vipphone a span{margin-top: 98px;} */
    .xysxbox .therea{height: 240px;}
    .xysxbox .therea a{font-size: 12px;}
    .xysxbox .therea a img{width: 50%;}
    .xysxbox .therea a p{margin-top: 5px;}
    .xysxbox .therea a.jyzl{left: 126px;top: 105px;}
    .xysxbox .therea a.jyz{left: 199px;top: 171px;}
    .xysxbox .therea a.jyz img{width: 38%;}
    .xysxbox .therea a.zjyb{left: 51px;top: 168px;}
    .xysxbox .therea a.zjyb img{width: 32%;} 
}

/*飘窗*/
.piaochuang {position: relative; text-align:left; font-size:14px; font-weight:bold; color:#333;}
    .cont {text-indent: 20px;}
.piaochuang a{ color:#fff;}
    .close-btn {position: absolute; right: 15px;top: 5px;cursor: pointer;}
@media screen and (max-width:768px){
/*.piaochuang{display:none;}*/
}